<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>NoneOS Recovery</title>
    <script>
      {
        fetch("/package-use-online");
        let count = 1;
        window.__useOnlinePkgTimer = setInterval(() => {
          const check = () => {
            if (count > 2) {
              clearInterval(window.__useOnlinePkgTimer);
              window.__useOnlinePkgTimer = null;
            }
          };

          fetch("/package-use-online")
            .then((e) => {
              if (/^4/.test(e.status)) {
                count++;
                check();
              }
            })
            .catch((e) => {
              count++;
              check();
            });
        }, 2000);
      }
    </script>
    <script src="/packages/libs/ofa/ofa.js#debug"></script>
    <script src="/packages/pui/public/init.js" type="module"></script>
    <link rel="stylesheet" href="/packages/pui/css/colors.css" />
    <link rel="stylesheet" href="/packages/others/colors.css" pui-colors />
    <style>
      html,
      body {
        margin: 0;
        padding: 0;
        height: 100%;
        color: var(--md-sys-color-on-surface);
        background-color: var(--md-sys-color-surface);
      }

      body {
        font: 400 1em/1.8 -apple-system, BlinkMacSystemFont, Segoe UI,
          Microsoft Yahei, Helvetica, Arial, sans-serif, Apple Color Emoji,
          Segoe UI Emoji;
      }
    </style>

    <!-- Google tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-PRC5EFJFW1"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-PRC5EFJFW1");
    </script>
  </head>
  <body>
    <o-page src="/recovery/page.html"></o-page>
  </body>
</html>
